<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>reg</title>
</head>
<body>
<h1>注册页面</h1>
<div>
    <label>
        用户名:<input v-model="user.username" type="text" placeholder="abc">
    </label>
    <label>
        密码:<input v-model="user.password" type="password" placeholder="******">
    </label>
    <label>
        昵称:<input v-model="user.nick" type="text" placeholder="tom">
    </label>
    <input type="button" value="点击注册" @click="reg()">
</div>
<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script>
  let v = new Vue({
    el:"div",
    data:{
      user:{
        username:"",password:"",nick:""
      }
    },
    methods:{
      reg() {
        axios.post("/user/reg",v.user).then(function (response) {
            if (response.data == 1) {
                alert("注册成功");
                location.href = "/";
            } else {
                alert("用户名已存在!");
                v.user={};
            }
        })
      }
    }
  })
</script>
</body>
</html>